<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/plantillas/plantilla-sistema.xhtml">  
    <ui:define name="cabecera">
        <title>Gestión de Zonas</title>
        <link rel="shortcut icon"  href="../../resources/imagenes/favicon.ico" />
    </ui:define>
    <ui:define name="contenido">
        <center>
            <p:panel id="zonaPnl" header="Zonas" style="width: 950px">
                <h:form id="tablaZonaFrm">
                    <p:dataTable id="tablaZona" var="zona" resizableColumns="true"
                                 value="#{zonaBean.listaZonas}"
                                 rowKey="#{zona.codigozona}" selectionMode="single"
                                 paginator="true" paginatorPosition="bottom" rows="15"
                                 emptyMessage="No hay registros disponibles.">
                      
                        <p:column headerText="Municipio" filterBy="#{zona.municipio.nombre}" 
                               filterMatchMode="contains">
                            <h:outputText id="zonaTxt" value="#{zona.municipio.nombre}"/>
                        </p:column>
                         <p:column headerText="Habilitado" filterBy="#{zona.habilitado}" 
                                 filterMatchMode="contains">
                            <h:outputText id="habilitadoTxt" value="#{zona.habilitado}" />
                        </p:column>
                        
                        <p:column headerText="Modificar">
                            <center>
                            <p:commandButton id="modificarBtn" title="Modificar" icon="ui-icon-pencil"
                                             actionListener="#{zonaBean.prepararModificacion(zona)}" 
                                             update=":modificaZonaFrm:modificarzonaPnl" 
                                             oncomplete="modificarZonaWgt.show()" />
                            </center>                   
                        </p:column>
                      
                    </p:dataTable>                    
                    <p:commandButton id="nuevoBtn" value="Nuevo Zona" 
                                    actionListener="#{zonaBean.prepararAdicion}" 
                                    update=":guardarZonaFrm:guardarzonaPnl" 
                                    oncomplete="guardarZonaWgt.show()"
                                    title="Agregar nuevo zona" icon="ui-icon-document"/>              
                </h:form>
            </p:panel>
        </center>
    </ui:define>   
    
    
    <ui:define name="extra">
        <p:dialog id="guardarZonaDlg" header="Nuevo Zona" widgetVar="guardarZonaWgt" 
                  resizable="false" modal="true" showEffect="false">
            <h:form id="guardarZonaFrm">
                <h:panelGrid id="guardarzonaPnl" columns="2" style="margin-bottom:10px">
                                  
                   
                       <h:outputLabel for="municipioelegidoTxt" value="Municipio:" />
                       <!-- select one menu -->
                       
                <h:selectOneMenu value="#{zonaBean.zona.municipio}" id="municipioelegidoTxt">

                      <f:selectItem itemLabel="-- Seleccione un municipio -- " itemValue="0"/>  

                      <f:selectItems value="#{zonaBean.itemsMunicipios}"/>
                      
                      <f:converter converterId="municipioConverter" />                 

                 </h:selectOneMenu> 

 
                  
                 
                    <p:commandButton value="Guardar" id="guardarBtn"
                                 update=":tablaZonaFrm:tablaZona" 
                                 oncomplete="guardarZonaWgt.hide()" 
                                 actionListener="#{zonaBean.agregarZona}" 
                                 icon="ui-icon-disk" title="Guardar"/>
                    <p:commandButton value="Cancelar" type="button" onclick="guardarZonaWgt.hide()"
                                     icon="ui-icon-cancel" title="Cancelar"/>
                </h:panelGrid> 
            </h:form>
        </p:dialog>
        
        <p:dialog id="modificarZonaDlg" header="Modificar Zona" widgetVar="modificarZonaWgt" 
                  resizable="false" modal="true" showEffect="false">
            <h:form id="modificaZonaFrm">
                <h:panelGrid id="modificarzonaPnl" columns="2" style="margin-bottom:10px">
                                  
                 
                     <h:outputLabel for="municipioelegido2Txt" value="Municipio:" />
                    
                    <h:selectOneMenu value="#{zonaBean.zona.municipio}" id="municipioelegido2Txt">

                      <f:selectItem itemLabel="-- Seleccione un municipio -- " itemValue="0"/>  

                      <f:selectItems value="#{zonaBean.itemsMunicipios}"/>
                      
                      <f:converter converterId="municipioConverter" />                 

                 </h:selectOneMenu> 
                    
                    
                       <p:outputLabel for="habilitado2Txt" value="Habilitado: " />
                    <p:selectBooleanCheckbox id="habilitado2Txt" value="#{zonaBean.zona.habilitado}" /> 
                    <p:spacer width="20" height="20" />
                    <p:spacer width="20" height="20" />
                    
                    
                    <p:commandButton value="Guardar" id="guardarBtn"
                                 update=":tablaZonaFrm:tablaZona" 
                                 oncomplete="modificarZonaWgt.hide()" 
                                 actionListener="#{zonaBean.actualizarZona}" 
                                 icon="ui-icon-disk" title="Guardar"/>
                    <p:commandButton value="Cancelar" type="button" onclick="modificarZonaWgt.hide()"
                                     icon="ui-icon-cancel" title="Cancelar"/>
                </h:panelGrid> 
            </h:form>
        </p:dialog>
        
        
        
        
               
    </ui:define>   
</ui:composition>

